<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no,email=no,adress=no"/>
    <title>使用码小渣分享的CSS3动画，用于网页loadding动画</title>
    <link rel="stylesheet" type="text/css" href="loadding3.css">
</head>
<body>
<h3>
    本页面参考学习了B站UP主码小渣的视频
    <br>
    <a href="https://www.bilibili.com/video/BV1ba4y1475n" target="_blank">
        【HTML+CSS】8分钟实现砰砰的爱心动画，快学起来送给喜欢的人吧！
    </a>


</h3>

<div id="loading-v3">
    <div id="loading-v3-bg"></div>
    <div id="loading-v3-box">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

<script>
    setTimeout(function (){
        document.body.removeChild(document.querySelector("#loading-v3"));
    },15000);
</script>
</body>
</html>